import React, {PureComponent} from "react";
import {Platform, StyleSheet, Text, View,Button, ScrollView, Image, Dimensions, TouchableOpacity} from "react-native";
import {ImageButton} from '../../widget/CustomButton'
const {width} = Dimensions.get('window')

type Props = {
    back:Function,
}

export default class CommentHeaderView extends PureComponent<Props>{
    render(){
        return (
            <View style={{height:104,width:width}}>
                <Image style={{position:'absolute',height:104,width:width}} source={require('../../../res/img/comment/comment_header.png')}/>
                <View style={{position:'relative',paddingLeft:12,paddingRight:12,alignItems:'center',flexDirection:'row',marginTop:36}}>
                    <ImageButton onPress={()=>{this.props.back()}} style={{width:36,height:22}} source={require('../../../res/img/comment/comment_back.png')}/>
                    <View style={{flex:1}}/>
                    <Text style={{color:'white',fontWeight:'bold',fontSize:20}}>评论</Text>
                    <View style={{flex:1}}/>
                    <ImageButton style={{width:44,height:22}} source={require('../../../res/img/comment/comment_fa_biao.png')}/>
                </View>
            </View>
        )
    }
}